<template>
	<view>
		<view class="box"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<!-- 
	uni-app 中的样式：
	
		1. 全局样式，写在哪儿  App.vue 中
		2. 页面级别的样式，是局部样式，默认开启了 scoped
			小程序端，这里的 style 会生成页面级别的 wxss 。自身就是私有的
			网页端 可以设置 scoped 也可以不设置，它默认给生成的就是带有 scoped 的
			
	uniapp 以前支持一种 upx 的单位，后面全面支持微信小程序中的 rpx 单位了。
	
		小程序端 - rpx => rpx
		网页端 	- rpx => rem
			
			
	网页端的 rpx 单位会转换成 rem 然后配合 html 的 fontSize 来实现
		PS: 屏幕宽度有限制，最大 960px
			如果需要调整的话，设置 pages.json - globalStyle - rpxCalcMaxDeviceWidth
				
 -->
<style>
	
.box {
	width: 100rpx;
	height: 100rpx;
	background-color: red;
}
</style>
